body{
    background-color: #FFC85E;
}
header{
    width:100%;
    background-color: #fff;
    overflow: hidden;
    // background-color: antiquewhite;
    .headerCon{
        margin:0 auto;
        // background-color: aqua;
        box-sizing: border-box;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    .headerleft{
       display: flex;
       align-items: center;
       img{
        height:56px;
        width:80px;
       }
       ul{ 
        display: flex;
        li{
            margin-left:40px;
            font-size:16px;
            a{
                color:#000;
            }
        }
       }
    }
    .headerright{
        span{
            font-size:24px;
            margin-left:16px;
            color:#2D2D2D;
        }
    }
    // 普通电脑
    @media screen and (min-width:992px){
        .headerCon{
            height:74px;
            width:1200px;
        }
        .headerleft{
            img{
                height:74px;
                width:107px;
                margin-right:50px;
           }
        }
        .headerright{
            span{
                font-size:26px;
                color:#A3A3A3;
            }
            span:hover{
                color:#2D2D2D;
            }
        }
    }
    // ipad
    @media screen and (max-width:991px) and (min-width:768px){
        .headerCon{
            height:56px;
            padding:0 24px;
        }
        .headerleft{
            ul{
                display: none;
            }
        }
    }
    // 手机
    @media screen and (max-width:767px){
        .headerCon{
            height:56px;
            padding:0 16px;
        }
        .headerleft{
            ul{
                display: none;
            }
        }
    }
}
nav{
     // 普通电脑
     @media screen and (min-width:992px){
        img{
            margin:0 auto;
            display: block;
        }
        .bannera{
            max-width:3840px;
            width:100%;
            height:550px;
        }
        .bannerb{
            width:1200px;
            height:42px;
            margin:20px auto;
        }
        .bannerc{
            width:1200px;
            height:198px;
        }
        .bannerd{
            width:1200px;
            height:54px;
            margin:20px auto;
        }
    }
    // ipad
    @media screen and (max-width:991px) and (min-width:768px){
        .bannerabox{
            width:50%;
            padding:10px 24px;
            box-sizing: border-box;
            .bannera{
                width: 100%;
                border-radius:20px;
            }
        }
        .bannerb,.bannerc,.bannerd{
            display: none;
        }
    }
    // 手机
    @media screen and (max-width:767px){
        .bannera{
            width: 100%;
            margin:10px 0;
        }
        .bannerb,.bannerc,.bannerd{
            display: none;
        }
    }
}
section{
    width:1200px;
    margin:0 auto;
    // background-color: pink;
    .secBox{
        // background-color: red;
        display: flex;
        flex-wrap: wrap;
    }
    
    // 普通电脑
    @media screen and (min-width:992px){
        .secBox{
            margin-left:-20px;
            div{
                width:calc(25% - 15px);
                // width:25%;
                height:200px;
                margin-left:15px;
                margin-bottom:15px;
                background-color: blue;
            }
        }
    }
}
// ipad
@media screen and (max-width:991px) and (min-width:768px){
    section{
        width:100%;
        padding:0 24px;
        box-sizing: border-box;
        .secBox{
            margin-left:-10px;
            div{
                width:calc(33.33% - 10px);
                height:200px;
                margin-left:10px;
                margin-bottom:10px;
                background-color: blue;
            }
        }
    }
}
// 手机
@media screen and (max-width:767px){
    section{
        width:100%;
        padding:0 16px;
        box-sizing: border-box;
        .secBox{
            margin-left:-18px;
            div{
                width:calc(50% - 18px);
                height:200px;
                margin-left:18px;
                margin-bottom:18px;
                background-color: blue;
            }
        }
    }
}